<template>
    <div class="searchRes">
        <div class="classfy">
            <router-link active-class="linkActive" :to="`/search-page/search-more/post?content=${$route.query.content}`" replace>
                帖子
            </router-link>
            <router-link active-class="linkActive" :to="`/search-page/search-more/user?content=${$route.query.content}`" replace>
                用户
            </router-link>
        </div>
        <router-view></router-view>
    </div> 
</template>

<script>
export default {
    name:'SearchMore',
    data() {
        return {
            
        }  
    },
}
</script> 

<style lang="less" scoped>
.searchRes{
    background-color: white;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    .classfy{
        padding: 0.1rem 0;
        display: flex;
        justify-content: space-around;
        color: black;
        border-bottom: solid 1px #e6e6e6;
        a{
            color: black;
            font-size: 0.4rem;
            padding-bottom: 0.2rem;
        }
    }
}

.linkActive{
    color: var(--themeColor) !important;
}
</style>